<%@ page import="cdu.javaendwork.model.sqlModel.Pet" %><%--
  Created by IntelliJ IDEA.
  User: zzz
  Date: 2023/1/3
  Time: 11:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../static/bootstrap-5.1.3-dist/css/bootstrap.css">
    <script type="text/javascript" src="../static/bootstrap-5.1.3-dist/js/bootstrap.js"></script>
    <title>宠物详情</title>
</head>

<style>
    .back{
        position: absolute;
        font-size: 26px;
        top:30px;
        left:40px;
        text-decoration: none;
        color: #000;
        font-weight: bold;
    }
    .back:hover{
        color: #000;
    }
    .card{
        width: 1400px;
        height: 700px;
        background-color: #fffdfd;
        border-radius: 30px;
        border: none;
        box-shadow: 5px 5px 10px #adabab;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .petShow{
        padding: 100px 300px;
    }
    .photo img{
        width: 100px;
        height: 100px;
    }
    .mb-3{
        padding-bottom: 30px;
    }
    .btn button:nth-child(1){
        margin-right: 40px;
    }
</style>

<body>

<a href="${pageContext.request.contextPath}/admin/pet_list" class="back">
    <span>< </span> 返回</a>

<div class="card">
    <div class="petShow">

        <div class="photo mb-3 row">
            <label  class="col-sm-2 col-form-label">照片</label>
            <div class="col-sm-10">
                <img src="${pageContext.request.contextPath}/display?photo=${pet.photo}" >
            </div>
        </div>
        <div class="name mb-3 row">
            <label for="staticName" class="col-sm-2 col-form-label">宠物姓名</label>
            <div class="col-sm-10">
                <input type="text" readonly class="form-control-plaintext" id="staticName" value="${pet.name}">
            </div>
        </div>
        <div class="kind mb-3 row">
            <label for="staticKind" class="col-sm-2 col-form-label">类型</label>
            <div class="col-sm-10">
                <input type="text" readonly class="form-control-plaintext" id="staticKind" value="${pet.kind}">
            </div>

        </div>
        <div class="description mb-3 row">
            <label for="staticDescription" class="col-sm-2 col-form-label">宠物描述</label>
            <div class="col-sm-10">
                <input type="text" readonly class="form-control-plaintext" id="staticDescription" value="${pet.description}">
            </div>

        </div>
    </div>
</div>



</body>
</html>
